require("../css/total.less")

// 如果是三方包的直接导入  包名
// 如果是 node 内置模块  模块名
// 自定义的模块  相对路径导入
const echarts = require("echarts")
//等待页面dom 加载完成之后 进行画图表
window.onload = function () {
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.querySelector('.charts'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '近七天运动时长'
        },
        tooltip: {},
        // legend: {
        //     data: ['销量']
        // },
        xAxis: {
            data: ['11-5', '11-6', '11-7', '11-8', '11-9', '11-10','11-11']
        },
        yAxis: {},
        series: [{
            name: '运动时长',
            type: 'bar',
            data: [35, 54, 34, 120, 87, 65,89]
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);

    // 基于准备好的dom，初始化echarts实例
    var PieChart = echarts.init(document.querySelector('.PieChart'));

    // 指定图表的配置项和数据
    let PieChartOption = {
        title: {
            text: '运动分类',
            // subtext: 'Fake Data',
            left: 'left'
        },
        tooltip: {
            trigger: 'item'
        },
        legend: {
            orient: 'vertical',
            left: 'left',
            top:'center'
        },
        series: [{
            // name: 'Access From',
            type: 'pie',
            radius: '50%',
            data: [{
                    value: 400,
                    name: '训练'
                },
                {
                    value: 250,
                    name: '跑步'
                },
                {
                    value: 300,
                    name: '骑行'
                },
                
            ],
            emphasis: {
                itemStyle: {
                    shadowBlur: 10,
                    shadowOffsetX: 0,
                    shadowColor: 'rgba(0, 0, 0, 0.5)'
                }
            }
        }]
    };
    // 使用刚指定的配置项和数据显示图表。
    PieChart.setOption(PieChartOption);
}